<footer>
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            const FooterId = document.querySelector('meta[name=FooterId]')
            if (FooterId) {
                let footerDiv = document.getElementById(FooterId.content)
                footerDiv.style.display = ""
                footerDiv.style.visibility = "visible"
            }
            const DocumentType = document.querySelector('meta[name=DocumentType]')
            if (DocumentType && DocumentType.content === "revealjs") {
                let footerDiv = document.getElementById("网站页脚")
                footerDiv.style.display = "none"
                footerDiv.style.visibility = "hidden"
            }
        })
    </script>

    <style>
        #幻灯片页脚（河海大学） {
            width: auto;
            margin: auto;
            background-color: #a8f7f7;
            text-align: center;
            padding: 5px;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }
        #幻灯片页脚文本（河海大学） {
            font-size: 16pt !important;
            color: black;
            text-align: center;
            padding: 2px 0 !important;
        }
    </style>
    <div id="幻灯片页脚（河海大学）" style="display: none;"><p id="幻灯片页脚文本（河海大学）">河海大学计算机与软件学院|戴政奕</p></div>

    <style>
    .网站信息 {
        text-align: center;
    }
    .网站信息 table {
        margin: auto;
        table-layout: auto;
        text-align: center;
        width: auto;
    }
    .网站信息 td {
        color: green;
        text-align: center;
        font-size: 12pt !important;
    }
    .网站信息 a {
        color: gold;
    }
    .网站信息 img {
        margin-left: 0.5em;
        margin-right: 0.5em;
    }
    </style>
    <div id="网站页脚" class="网站信息">
        <hr />
        <table>
            <tr>
                <!-- 不知为什么，quarto 在生成 HTML 代码时会将 th 标签替换为 td 标签，所以这里用内联样式 -->
                <th colspan="2" style="color: purple; font-weight: bold; font-size: 14pt !important;">网站信息</th>
            </tr>
            <tr>
                <td>工信部备案号</td>
                <td>
                    <img src="/assets/工信部.ico" />
                    <a href="https://beian.miit.gov.cn" target="_blank">苏 ICP 备 2023037770 号-1</a>
                </td>
            </tr>
            <tr>
                <td>公安备案号</td>
                <td>
                    <img src="/assets/公安.ico" />
                    <a href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32048202000362" target="_blank">苏公网安备 32048202000362 号</a>
                </td>
            </tr>
            <tr>
                <td>发布许可证</td>
                <td>
                    <img style="height:24px!important;margin-left:3px;vertical-align:text-bottom;" src="/assets/creative-commons-cc.svg" />
                    <img style="height:24px!important;margin-left:3px;vertical-align:text-bottom;" src="/assets/creative-commons-by.svg" />
                    <img style="height:24px!important;margin-left:3px;vertical-align:text-bottom;" src="/assets/creative-commons-nc.svg" />
                    <a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-NC 4.0</a>
                </td>
            </tr>
            <tr>
                <td>联系方式</td>
                <td>
                    <img src="/assets/mail.ico" />
                    <a href="mailto:admin@macrohard.fun">admin@macrohard.fun</a>
                </td>
            </tr>
        </table>
    </div>
</footer>